<style>
    .room-item {
        border: 1px solid gray;
        display: flex;
        flex-direction: column;
    }

    .room-item div {
        border: 1px solid gray;
        margin: 0.2em;
    }
</style>

<dom>
    <div class="room-item">
        <div class="row">
            <button @click="onClickNewRoom">新建</button>
            <div class="row">
                <input $="ebRoomId"/>
                <button @click="onClickEnterRoom">加入</button>
                <button @click="onClickLeaveRoom">离开</button>
            </div>
        </div>
        <div class="row">
            <div $="lbState"></div>
        </div>
        <div $="msg" style="display:none">
            <button @click="onClickSendTestData">发送tick数据</button>
            <button @click="onClickSendTestDataTotal">发送total数据</button>
        </div>
    </div>
</dom>